<%-- 
    Document   : main
    Created on : 2016-9-5, 19:34:26
    Author     : 52461
--%>

<%@page import="com.cxhd.pacs.DataConfig"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title><%=DataConfig.getInstance().getConfig().get("systemName")%></title>
        <link rel="icon" href="${base}/favicon.ico" type="image/x-icon">
        <link href="${base}/css/bootstrap.css" rel="stylesheet">
        <link href="${base}/css/font-awesome.css" rel="stylesheet">
        <link href="${base}/css/material-kit.css" rel="stylesheet">

        <script type="text/javascript" src="${base}/js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="${base}/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="${base}/js/material.min.js"></script>
        <script type="text/javascript" src="${base}/js/material-kit.js"></script>
        <script type="text/javascript" src="${base}/js/angular/angular.min.js"></script>
        <script type="text/javascript" src="${base}/js/jquery.cxhd.js"></script>

    </head>
    <body >
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">

                    <!-- Tabs with icons on Card -->
                    <div class="card card-nav-tabs">
                        <div class="header header-success">
                            <!-- colors: "header-primary", "header-info", "header-success", "header-warning", "header-danger" -->
                            <div class="nav-tabs-navigation" s>
                                <div class="nav-tabs-wrapper">
                                    <ul style="float: left" class="nav nav-tabs" data-tabs="tabs" id="myTab">
                                        <li class="active">
                                            <a href="#profile" onclick="goUrl('iframepage1', 'main/view/add')" data-toggle="tab" aria-expanded="true" style="font-size: 18px;font-weight: bold">
                                                <i class="fa fa-plus-square"></i>
                                                新建网络门诊
                                                <div class="ripple-container"></div></a>
                                        </li>
                                        <li class="">
                                            <a href="#messages"  onclick="goUrl('iframepage2', 'main/view/recvice')" data-toggle="tab" aria-expanded="false" style="font-size: 18px;font-weight: bold">
                                                <i class="fa fa-history"></i>
                                                就诊医生工作站
                                                <div class="ripple-container"></div></a>
                                        </li>
                                        <li class="">
                                            <a href="#settings" id="patient_manager"  onclick="goUrl('iframepage3', 'patient')" data-toggle="tab" aria-expanded="false" style="font-size: 18px;font-weight: bold">
                                                <i class="fa fa-user"></i>
                                                病人管理
                                                <div class="ripple-container"></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <div style="float: right;line-height: 43px;margin-right: 10px; font-size: 18px; font-weight: bold"><a href="main/logout"><span class="fa fa-sign-out"></span>退出</a> </div>
                                    <div style="clear: both">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <div class="tab-content text-center">
                                <div class="tab-pane active" id="profile">

                                    <iframe src="" class="autoHeight" id="iframepage1" name="iframepage1" frameBorder=0 scrolling=auto width="100%"  ></iframe>
                                </div>
                                <div class="tab-pane" id="messages">
                                    <iframe src="" class="autoHeight" id="iframepage2" name="iframepage2" frameBorder=0 scrolling=auto width="100%"  ></iframe>
                                </div>
                                <div class="tab-pane" id="settings">
                                    <iframe src="" class="autoHeight" id="iframepage3" name="iframepage3" frameBorder=0 scrolling=auto width="100%"  ></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Tabs with icons on Card -->

                </div>



            </div>
        </div>
    </body>
</html>
<script>

    function goUrl(id, url) {
        var $this = $("#" + id);
        if ($this.attr("src") == "") {
            $this.attr("src", url);
        }

    }

    function autoHeight() {
        var bHeight = $(document).height();
        $(".autoHeight").height(bHeight - 150);

    }
    autoHeight();


    $(window).resize(function () {
        autoHeight();
    });
    goUrl('iframepage1', 'main/view/add');

    //$('#myTab a:last').tab('show');
    function showPatientInfo(patient_name) {
        $("#patient_manager").tab('show');
        $("#iframepage3").attr("src", "");
        goUrl('iframepage3', 'patient?p=' + patient_name);
    }
    function openPatInfo(url) {
        $("#patient_manager").tab('show');
        $("#iframepage3").attr("src", "");
        goUrl('iframepage3', url);

    }

</script>
